<template>
    <div>
        <div class="pa-4">提示弹窗  右上角滑入</div>

        <div class="code_box">
<pre v-highlight>
<code>
    this.$store.commit('setAlert', {
        show: true,
        massage: '新增成功',
        type: 'success',
        time: 2,
    })
</code>
</pre>
        </div>


        <div class="pa-4">确认弹窗</div>
        <div class="code_box">
<pre v-highlight>
<code>
    this.$store.commit('setAlertC', {
        text: '是否确认删除该简历',
        success: () => {
            //确认回调
        }
    })
</code>
</pre>
        </div>


        <div class="pa-4">系统错误弹窗</div>
        <div class="code_box">
<pre v-highlight>
<code>
    this.$store.commit('setTopError', {
        show: true,
        msg: `CODE: ${err.response.status};<br/>
            URL: ${err.response.config.baseURL + err.response.config.url};<br/>
            DATA: ${err.response.config.data}`
    })
</code>
</pre>
        </div>



        <div class="pa-4">加载遮罩（防抖动）</div>
        <div class="code_box">
<pre v-highlight>
<code>
    this.$store.commit('setLoading')
</code>
</pre>
        </div>

    </div>
</template>

<script>
    export default {
        name: "v-tip-alter",
        data () {
            return {

            }
        }
    }
</script>

<style scoped src="../style.css"></style>
